<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="widget-header bordered-bottom bordered-blue">
            <span class="widget-caption">桌面设置</span>
        </div>
        <div class="widget-body" style="padding: 0px;">
            <table class="table table-hover">
                <thead class="bordered-darkorange">
                <tr>
                    <th>#</th>
                    <th>快捷图标</th>
                    <th>绑定菜单名称</th>
                    <th>绑定菜单URL</th>
                    <th>设置</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td style="vertical-align: middle;">1</td>
                    <td style="vertical-align: middle;"><img class="js-menu1-img" style="height: 52px" src="/gobal/img/desk/work.png"></td>
                    <td style="vertical-align: middle;" class="js-menu1-name"></td>
                    <td style="vertical-align: middle;" class="js-menu1-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu1">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu1-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">2</td>
                    <td style="vertical-align: middle;"><img class="js-menu2-img" style="height: 52px" src="/gobal/img/desk/email.png"></td>
                    <td style="vertical-align: middle;" class="js-menu2-name"></td>
                    <td style="vertical-align: middle;" class="js-menu2-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu2">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu2-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">3</td>
                    <td style="vertical-align: middle;"><img class="js-menu3-img" style="height: 52px" src="/gobal/img/desk/diary.png"></td>
                    <td style="vertical-align: middle;" class="js-menu3-name"></td>
                    <td style="vertical-align: middle;" class="js-menu3-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu3">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu3-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">4</td>
                    <td style="vertical-align: middle;"><img class="js-menu4-img" style="height: 52px" src="/gobal/img/desk/news.png"></td>
                    <td style="vertical-align: middle;" class="js-menu4-name"></td>
                    <td style="vertical-align: middle;" class="js-menu4-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu4">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu4-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">5</td>
                    <td style="vertical-align: middle;"><img class="js-menu5-img" style="height: 52px" src="/gobal/img/desk/notice.png"></td>
                    <td style="vertical-align: middle;" class="js-menu5-name"></td>
                    <td style="vertical-align: middle;" class="js-menu5-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu5">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu5-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">6</td>
                    <td style="vertical-align: middle;"><img class="js-menu6-img" style="height: 52px" src="/gobal/img/desk/calendar.png"></td>
                    <td style="vertical-align: middle;" class="js-menu6-name"></td>
                    <td style="vertical-align: middle;" class="js-menu6-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu6">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu6-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">7</td>
                    <td style="vertical-align: middle;"><img class="js-menu7-img" style="height: 52px" src="/gobal/img/desk/meeting.png"></td>
                    <td style="vertical-align: middle;" class="js-menu7-name"></td>
                    <td style="vertical-align: middle;" class="js-menu7-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu7">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu7-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">8</td>
                    <td style="vertical-align: middle;"><img class="js-menu8-img" style="height: 52px" src="/gobal/img/desk/myfile.png"></td>
                    <td style="vertical-align: middle;" class="js-menu8-name"></td>
                    <td style="vertical-align: middle;" class="js-menu8-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu8">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu8-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">9</td>
                    <td style="vertical-align: middle;"><img class="js-menu9-img" style="height: 52px" src="/gobal/img/desk/knowledge.png"></td>
                    <td style="vertical-align: middle;" class="js-menu9-name"></td>
                    <td style="vertical-align: middle;" class="js-menu9-url"></td>
                    <td style="vertical-align: middle;">
                        <a href="javascript:void(0);" onclick="setbindmenu(this);" class="btn btn-palegreen btn-xs" data-value="menu9">绑定</a>
                    </td>
                    <td style="vertical-align: middle;">
                        <label style="margin-bottom: 0px;">
                            <input class="checkbox-slider slider-icon colored-darkorange js-menu9-checked" type="checkbox"> <span class="text"></span>
                        </label>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="row" align="center" style="margin-top: 20px;padding-bottom: 10px;">
                <button type="button" class="btn btn-blue js-setshortct-btn">设置</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-sm in" id="menumodal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myLargeModalLabel">菜单选择</h4>
            </div>
            <div class="modal-body" style="padding-left:0px;padding-right: 0px;">
                <form class="form-horizontal form-bordered" role="form" id="form1">
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">菜单列表：</label>
                        <div class="col-sm-9">
                            <select id="menu" name="menu" class="form-control" style="borde-radius:0px; "></select>
                        </div>
                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">${i18n('cancel')}</button>
                <button type="button" class="btn btn-primary js-bind">绑定</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
